<template>
  <div class="uc-main w100 bc1">
    <div class="h80p pd10p">
      <img
        class="head-portrait h80p w80p float-left"
        src="./default.png"
        alt=""
      />
      <div class="h80p float-left pd020p">
        <div class="h40p sc-display">已审核 28 份</div>
        <div class="h40p sc-display">有疑点 46 份</div>
      </div>
    </div>
  </div>
</template>

<script>
import { reactive } from "vue";

export default {
  // 父组件传值
  props: {
    msg: Object,
  },
  // 事件抛出组
  emits: ["answer-all"],
  setup(props, { emit }) {
    // 双向绑定数据
    const state = reactive({
      answreCollection: {},
    });
    // 回传父组件
    const fnQuestionAnswer = (val) => {
      state.answreCollection = Object.assign(state.answreCollection, val);
      emit("answer-all", state.answreCollection);
    };
    // 传入模板
    return {
      state,
      fnQuestionAnswer,
    };
  },
};
</script>

<style scoped>
.head-portrait {
}
</style>
